import styled from 'styled-components'
export const FooterWrapper = styled.div`
  height: 326px;
  background: #f2f2f2;
  color: #666;
  .container{
    margin: 0 auto;
    padding-top: 33px;
    width: 1100px;
    .links{
      display: flex;
      align-items: center;
      justify-content: space-between;
      li{
        flex:1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        .top{
          width: 45px;
          height: 45px;
          border: 1px solid #eb4360;
          border-radius: 50%;
        }
        .title{
          margin-top: 10px;
        }
      }
    }
    .desc{
      padding-top: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 24px;
      line-height: 24px;
      li{
        padding: 0 10px;
        border-right: 1px solid #D9D9D9;
      }
      li:last-child{
        border: none;
      }
    }
    .tel{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 24px;
      line-height: 24px;
      li{
        padding: 0 10px;
      }
    }
    .info{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 24px;
      line-height: 24px;
      li{
        padding: 0 10px;
      }
    }
    .address{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 24px;
      line-height: 24px;
      li{
        padding: 0 10px;
      }
    }
  }
`